@use '@/styles/theme/theme-blue.scss' as *;
@use '@/styles/theme/light.scss' as *;
@use '@/styles/theme/light-blue.scss' as *;
@use '@/styles/theme/white.scss' as *;

.el-card {
  border-radius: 4px;
  overflow: auto;
}
.el-card__body {
  padding: 15px;
}
.el-table--border {
  border-radius: 4px;
  margin-bottom: 14px;
}
.el-select__wrapper {
  height: 32px;
}

.el-select--large .el-select__wrapper {
  min-height: 32px;
  line-height: 32px;
}

.el-table {
  th {
    height: 54px;
    padding: 2px 0;
    .cell {
      font-size: 14px;
      // line-height: 40px;
      // min-height: 40px;
    }
  }
  td {
    height: 54px;
    padding: 2px 0;
    .cell {
      // min-height: 40px;
      // line-height: 40px;
    }
  }

  th.is-leaf {
    border-bottom: none;
  }
  .el-table__header {
    // border-radius: 4px;
    // overflow: hidden;
    // border: none;
  }
  .el-table__cell {
    padding: 0px;
  }
}
.el-pagination {
  //padding: 12px 10px 16px 10px !important;
  padding: 12px 0 0 0 !important;
}
.el-select-dropdown__list {
  padding: 8px;
}
.el-select-dropdown__item {
  margin: 5px;
  border-radius: 5px;
}
.upload-demo,
.upload {
  padding: 0;
}
.edit_container,
.edit {
  padding: 0;
}
.el-input {
  .el-input__suffix {
    margin-top: -3px;
  }
  &.is-disabled {
    .el-input__suffix {
      margin-top: 0px;
    }
  }
}
.el-cascader {
  .el-input {
    .el-input__suffix {
      margin-top: 0px;
    }
  }
}
.el-select__wrapper,
.el-input__inner {
  height: 30px !important;
  border-radius: 4px;
}
.el-button {
  box-shadow: none;
  border-radius: 4px !important;
  // border-radius: 4px ;
}

.el-message-box {
  width: 440px;
  //height: 164px;

  .el-message-box__container {
    justify-content: center;
  }

  .el-message-box__close {
    color: #fff !important;
  }

  .el-message-box__btns {
    //position: absolute;
    //bottom: 16px;
    //left: 50%;
    //transform: translateX(-50%);
    padding-top: 24px;
    justify-content: center;
    button {
      width: 80px;
      height: 36px;
      border-radius: 4px;
    }
  }
}

.el-message-box__title {
  justify-content: flex-start !important;
}
.el-tabs__nav-wrap:after {
  height: 1px !important;
}
.el-dialog__header {
  padding: 2px 10px 8px 10px;
  text-align: left;
}
.el-color-picker__color {
  border: none;
  border-radius: 4px;
  overflow: hidden;
}
.el-radio-button:first-child .el-radio-button__inner {
  border-radius: 4px;
}

.contextMenu.el-popover {
  width: unset !important;
  min-width: unset !important;
  padding: 8px;

  ul li {
    text-align: center;
    display: flex;
    align-items: center;
    //justify-content: flex-start;
    padding: 5px 20px;
    transition: all 0.3s ease-in-out;
    &:hover {
      cursor: pointer;
      border-radius: 3px;
    }
    span {
      margin-left: 5px;
      font-size: 11px;
    }
  }
}

.tablelistBox {
  height: calc(100% - 10px);
  display: flex;
  flex-direction: column;
  .mainHeight {
    margin-top: 10px;
    flex: 1;
  }
}

.el-image__error {
  font-size: 12px;
}

.content-wrapper .el-table {
  background-color: #062144 !important;
}

.el-dialog {
  .el-dialog__headerbtn {
    .el-dialog__close {
      width: 18px;
      height: 18px;
      position: absolute;
      top: 16px;
      right: 20px;

      svg {
        width: 100%;
        height: 100%;
      }
    }
  }
}
